* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 720px;
    display: flex;
    background: url(./素材图/index_bg.png) no-repeat;
    background-size: cover;
    padding: 5px 10px;
    box-sizing: border-box;
}

.l {
    width: 25%;
    height: 100%;
    padding-right: 20px;
    background: url(./素材图/line_img.png) no-repeat 100%;
    background-size: 10px 100%;
    .s {
        width: 100%;
        height: 162px;
        background: url(./素材图/border_bg01.png) no-repeat;
        background-size: 100% 100%;
        text-align: center;
        box-sizing: border-box;
        padding-top: 22px;
        margin-bottom: 5px;
        .zi {
            margin-bottom: 25px;
            font-size: 16px;
            color: #0e94e0;
        }
        .da {
            font-size: 36px;
            color: #fff;
        }
    }
    .tou {
        width: 100%;
        height: 40px;
        background: url(./素材图/box_title.png) no-repeat;
        background-size: 100% 100%;
        line-height: 40px;
        padding-left: 25px;
        color: #fff;
    }
    .z {
        width: 100%;
        height: 200px;
    }
    .d {
        width: 100%;
        .table {
            border: 1px solid #0e94ea;
            th,
            tr,
            td {
                color: #fff;
                height: 24px;
                line-height: 24px;
                border: 1px solid #0e94ea;
            }
            thead {
                background-color: #124f7b;
                height: 36px;
                line-height: 36px;
            }
            tbody {
                border: 1px solid #0e94ea;
                text-align: center;
                .y {
                    width: 30%;
                }
                .e {
                    width: 20%;
                }
                .s1 {
                    width: 23%;
                }
                .ss {
                    width: 27%;
                }
            }
        }
    }
}

.c {
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px;
    background: url(./素材图/line_img.png) no-repeat 100%;
    background-size: 10px 100%;
    .tt {
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 26px;
        text-align: center;
        background: url(./素材图/jinghui.png) no-repeat 25%;
        background-size: 45px 50px;
    }
    .tt1 {
        width: 100%;
        height: 30px;
        background: url(./素材图/title_border.png) no-repeat;
        background-size: 100% 100%;
    }
    .bb {
        width: 100%;
        height: 86px;
        margin-top: 10px;
        display: flex;
        box-sizing: border-box;
        .le {
            width: 50%;
            border: 1px solid #0e94ea;
            display: flex;
            box-sizing: border-box;
            padding: 10px;
            .a {
                width: 50%;
                height: 20px;
                text-align: center;
                .ta {
                    font-size: 32px;
                    color: #fff;
                }
                .taa {
                    font-size: 12px;
                    color: #fff;
                }
            }
            .a1 {
                font-size: 44px;
                color: #fff;
            }
            .a2 {
                width: 45%;
                height: 56px;
                background: url(./素材图/weather/weather_img01.png) no-repeat;
                background-size: 83px 61px;
                .ll {
                    padding-left: 60%;
                    font-size: 10px;
                    color: #fff;
                    .th {
                        margin-bottom: 8px;
                    }
                }
            }
        }
        .lc {
            width: 10%;
            height: 80px;
            background: url(./素材图/line_bg.png) no-repeat;
            background-size: 13px 110px;
            margin: 0 15px;
            margin-right: 0;
        }
        .re {
            width: 40%;
            font-size: 18px;
            margin-left: -40px;
            .zzz {
                color: #fff81a;
                margin-bottom: 5px;
            }
            .zzz1 {
                color: #7fff00;
                margin-bottom: 5px;
            }
            .zzz2 {
                color: #36dcd4;
                margin-bottom: 5px;
            }
        }
    }
    .cc {
        width: 100%;
        height: 520px;
        background: url(./素材图/智慧社区内网比对平台效果图_03.jpg) no-repeat;
        background-size: 100% 520px;
    }
}

.r {
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
    .tou {
        width: 100%;
        height: 40px;
        padding-left: 25px;
        background: url(./素材图/box_title.png) no-repeat 0px;
        background-size: 100% 100%;
        line-height: 40px;
        color: #fff;
        margin-bottom: 10px;
    }
    .tou1 {
        width: 100%;
        height: 40px;
        padding-left: 25px;
        background: url(./素材图/box_title.png) no-repeat 0px;
        background-size: 100% 100%;
        line-height: 40px;
        color: #fff;
    }
    .fz1 {
        width: 100%;
        height: 200px;
    }
    .fz2 {
        width: 100%;
        height: 200px;
        margin-top: -20px;
    }
    .fz3 {
        width: 100%;
        height: 200px;
        margin-top: -10px;
        margin-top: -20px;
    }
}